<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>技能题展示界面</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <script src="/static/bootstrap/js/jquery-2.1.4.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.js"></script>
</head>
<body>
    <canvas id="canvas"></canvas>   <!-- 动态背景 -->
    {% include 'stu_exam_manage/jineng_bank/jineng_back.html' %}

    <div id="top"></div>
    <div id="center">
        <table class="table" width="400px">
            <tr>
                <th>
                    <h1><span class="glyphicon glyphicon-flag" aria-hidden="true"></span>&nbsp;&nbsp;{{ jineng_title.theme }}</h1>
                </th>
            </tr>
            <tr>
                <td id="tigan"><pre>{{ jineng_title.tigan }}</pre></td>
            </tr>
            <tr>
                <td id="code">
                    <pre>{{ jineng_title.code }}</pre>
                </td>
            </tr>
        </table>
    </div>
    <div id="footer"></div>

    <style>
        *{
            margin: 0 auto;
            padding: 0;
        }
        window{
            width: 100%;
        }
        html{
            width: 100%;
        }
        #center{
            width: 70%;
            background-color: #5bc0de;
        }
        .table h1{
            display: inline-block;
        }
         pre{
            white-space:pre-wrap;
            word-wrap:break-word;
        }
        #tigan pre{
            font-weight: bold;
            font-size: 18px;
        }
        #code pre{
            font-size: 16px;
        }
    </style>
</body>
</html>